.table-compare {
    border-collapse: separate;
}
.table-compare > tbody > tr > td ~ td,
.table-compare > thead > tr > th ~ th {
    text-align: center;
    vertical-align: middle;
}
.compare-content > div {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
tr.compare-row > td:first-child {
    vertical-align: middle;
}
.summary-against > div:nth-child(2) {
    padding-top: 1em;
    padding-bottom: 1em;
}
.table-compare > thead > tr > th {
    max-width: 40px;
    white-space: nowrap;
    font-weight: normal;
}
.rotate {
    height: 9em;
    -webkit-transform-origin: center;
    transform-origin: center;
    transform: rotate(-90deg) translateY(40%);
}
svg > g.matrix {
    cursor: pointer;
}
svg > g.matrix > g.matrix-line-group .unclickable {
    cursor: not-allowed;
}
svg > g.matrix rect {
    stroke: #fff;
    stroke-width: 1.25;
}
svg > g.legend text {
    font-size: smaller;
}
svg > g.legend .legend-title text {
    font-weight: bold;
}
svg > g.legend .legend-para text,
svg > g.legend .legend-line text {
    dominant-baseline: central;
}
